<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <link href="../css/aui.css" type="text/css" rel="stylesheet">


    <style type='text/css'>

        .flex-box{display: flex;align-items: center;}
        h2{font-size: 17px;margin-bottom: 10px;border-bottom: 1px solid #eee;padding-bottom: 5px;}
        .aui-content{padding-top: 15px;}
        .box{padding:0 15px;margin-bottom: 15px;}
        .box-show{box-shadow: 0 0 5px #ccc;padding:15px 10px;padding-top: 10px;border-radius: 5px;}
        .baseInfo .title{font-size: 17px;}
        .baseInfo .flex-box{display: flex;align-items: center;margin-top: 5px;}
        .baseInfo .other p:first-child{flex: 1;}
        .baseInfo .fuli .money{margin-right: 10px;color:#F09937;font-size: 17px;}
        .baseInfo .fuli .tags{display: flex;flex: 1;}
        .baseInfo .fuli .tag{background: #f3f5f5;padding: 2px 10px;margin-right: 5px;font-size: 12px;}

        .imgs{display: flex;flex-wrap: wrap;}

        .imgs img{width: 60px;height: 60px;margin-right: 5px;}
        .imgs img:last-child{margin-right: 0;}
        .goshi{display: flex;align-items: center;}
        .goshi .logo{width: 50px;height: 50px;border-radius: 3px;margin-right: 10px;background: #f3f5f5;}
        .goshi .name{font-size: 16px;color: #444;}
    </style>


</head>
<body>

<div class="aui-content" id="content">


</div>
<script id="tpl" type="text/x-dot-template">
    <div class="box">
        <div class="baseInfo box-show">
            <h2 class="title">{{=it.title}}</h2>
            <div class="flex-box other">
                <p>{{=it.jobType}} | 招聘{{=it.number}}人 | {{=it.staffRequireDesc}}</p>
                <p>周结</p>
            </div>
            <div class="flex-box fuli">
                <p class="money">{{=it.detialSalary}}</p>
                <div class="tags">
                </div>
                <p>已有<span style="color: #1abc9c">{{=it.applyMarker}}人</span>报名</p>
            </div>
        </div>
    </div>
    <div class="box">
        <div class="zpyq box-show">
            <h2>工作内容</h2>
            <p>{{=it.detialWorkingContent}}</p>
        </div>
    </div>
    {{? it.envPhotos.length > 0 }}
    <div class="box">
        <div class="box-show img-box">
            <h2>工作环境</h2>
            <div class="imgs">
                {{~it.envPhotos:value:index}}
                <img src="{{= value}}">
                {{~}}
            </div>
        </div>
    </div>
    {{?}}
    <div class="box">
        <div class="box-show img-box">
            <h2>公司信息</h2>
            <div class="flex-box goshi">
                <img class="logo" src="{{= it.logo}}">
                <div class="gongshi">
                    <p class="name">{{=it.companyName}}</p>
                    <p>{{=it.packageDes}}</p>
                </div>
            </div>
        </div>
    </div>
    <div class="box">
        <div class="box-show">
            <h2>面试信息</h2>
            <p style="margin-bottom: 10px;">面试时间：{{=it.interviewDateStr}}</p>
            <div class="flex-box" onclick="mapdetails()">
                <p style="flex: 1;">面试地点：{{=it.district}}-{{=it.interviewLocation}}</p>
                <img src="../img/dw.png" style="width: 13px;height: 15px;">
            </div>
        </div>
    </div>
</script>


<script type="text/javascript" src="../js/javaScriptBridge.js"> </script>
<script type="text/javascript" src="../js/jquery-2.2.3.min.js"> </script>
<script type="text/javascript" src="../js/doT.js"> </script>
<script type="text/javascript">

    var data = {"pricingExperience":null,"restDays":null,"detialWorkingLocation":"四川成都锦江华润路40号翡翠城社区4楼爱贝国际少儿英语","longitude":"104.101647","customerName":"成都橄榄树文化艺术学校","recuitmentAuditStatus":0,"probationaryPeriod":null,"interviewLatitude":"30.618968","educationRequire":null,"warningRelieve":0,"feedbackInterview":false,"signUpMarker":"吴,谢,黄,唐,杨","rejectReason":null,"workingStartDate":"2017-08-18","shareURL":null,"interviewBusRoute":null,"workingPayMode":0,"detialAdvisoryTel":"17313222283","redEnvelopeImage":"http:\/\/jzbka2015.oss-cn-beijing.aliyuncs.com\/redevelop\/red_package_default.png","workingYear":null,"packageDes":"普通企业","dutyNumber":0,"jobLocations":[{"id":79788,"districtId":1841,"circleId":null,"choosableLocationId":0,"ct":1502961633000,"longitude":"104.101647","province":null,"latitude":"30.618968","ptjId":7631,"location":"四川成都锦江华润路40号翡翠城社区4楼爱贝国际少儿英语","city":"成都","district":"锦江","circle":null,"cityId":1}],"interviewLongitude":"104.101647","interviewDistrict":"锦江","contractStatus":0,"applyMarker":12,"latitude":"30.618968","topByZx":0,"redEnvelopeAmount":5,"sketch":null,"comment":null,"evaluateTime":null,"warningDesc":null,"subsidyAllshift":0,"number":"10","freeAuditStatus":1,"type":0,"evaluateStar":0,"needFemale":false,"companyName":"成都橄榄树文化艺术学校","title":"锦江区派单招聘","interviewDistrictId":1841,"open":false,"subsidyPhone":0,"redEnvelope":false,"hidePhone":false,"envPhotos":null,"province":"四川省","workSameAsInterview":0,"version":1,"vipMarker":false,"evaluateLabel":"","duty":0,"contact":null,"pricingStature":null,"probationaryPeriodSalary":null,"interviewDate":"2017-08-18至2019-05-16","interviewCityId":1,"publishSource":null,"interviewCity":"成都","interviewCircle":null,"pricingGender":null,"dutyUnitPrice":0,"ageRequire":null,"subsidyFood":0,"hasProbationaryPeriod":null,"warning":false,"packageIcon":"http:\/\/jzbka2015.oss-cn-beijing.aliyuncs.com\/package_icon\/c\/pu_gray@3x.png","applyStatus":"请申请","city":"成都","workingDateType":null,"passTime":1502961633000,"circleId":null,"famous":0,"idMarker":1763170,"jobUuid":"Awb4Nd","compositeUpperSalary":null,"circle":null,"urgency":0,"district":"锦江","detialWorkingTime":"","needPerfectResume":false,"applyTip":"报名后请及时跟我沟通，联系时请说是在小劳招聘看到的","payRaise":0,"pricingAppearance":null,"detialPayingModeDesc":"完工结算","jobType":"派单","needInterview":1,"unitPrice":null,"subsidyTraffic":0,"accommodation":3,"linkMap":{},"fastSign":0,"pricingOthers":null,"compositeLowerSalary":null,"warningTime":null,"bill":null,"categoryMarker":1,"comboId":0,"pricingCertificate":null,"companyId":79016,"warningCancelNote":null,"category":1,"detialWorkingContent":"工作详情\n工作内容：派发传单（纯派单）外加提成\n工作要求：勤奋踏实，为人诚恳，男女不限\n工作时间：上午9点-下午6点\n薪酬待遇：10元\/小时 公司直招，不办卡，不收费\n工作地点：锦江区翡翠城华润路40号爱贝英语培训学校\n备注：晚上7点之后请勿投递，否则一律不予以回复\n水人勿扰！！！！","needhealthCertificate":false,"interviewProvince":"四川省","workingPayModeDesc":"固定薪资","pricingAge":null,"subsidyOvertime":0,"brokerage":0,"labor":0,"laborId":0,"interviewStartDate":"2017-08-18","deductUpperLimit":0,"staffRequire":"","logo":null,"notice":"凡是收费企业均是骗子，请警惕。","salaryDesc":null,"payDate":0,"workingEndDate":"2018-02-05","evaluateBy":0,"shortName":null,"deductLowerLimit":0,"interviewDateStr":"2017-08-18至2019-05-16","dutyDay":null,"subsidyLive":0,"detialSalary":"15.0元\/小时","auditStatus":-1,"pricingSpring":null,"cateringType":null,"staffRequireDesc":"","pricingAccommodation":null,"labelTime":null,"needMale":false,"evaluateContent":"","welfare":"","provideBedding":null,"choosableLocationId":0,"pricingVacation":null,"interviewEndDate":"2019-05-16","interviewTime":"","detialPayingMode":"4","id":7631,"jobTypeId":6,"interviewLocation":"四川成都锦江华润路40号翡翠城社区4楼爱贝国际少儿英语","packageId":-1,"interviewCircleId":0,"warningLevel":0};
    window.onload = function () {
        if (isIOS){
            setupWebViewJavascriptBridge(function(bridge) {
                JSBridge = bridge;
                bridge.registerHandler('registerData', function(data, responseCallback) {
                    var responseData = { 'result':'handle success' };
                    setData(JSON.parse(data));
                    responseCallback(responseData)
                });
            });
        }else {
            connectWebViewJavascriptBridge(function (bridge) {
                bridge.init(function (message, responseCallback) {
                    responseCallback("success");
                });
            })
        }
//        setData(data);
    };


    function setData(data) {

        data.welfare = data.welfare.split(" ");
        if (data.envPhotos && data.envPhotos.length > 0){
            data.envPhotos = data.envPhotos.split(",");
        }else {
            data.envPhotos = [];
        }

        var interText = doT.template($("#tpl").text());
        $("#content").html(interText(data));
    }

    function mapdetails() {
//        JSBridge.("mapAction");
        JSBridge.callHandler("mapAction");
    }




</script>

</body>
</html>
